<html lang="en">   
	<head>   
		<meta charset="utf-8">   
		<title>Project</title> 
		<link href="css/bootstrap.css" rel="stylesheet">
		<script type="text/javascript" src="js/jquery-1.4.min.js"></script>   
		<script type="text/javascript" src="js/tab.js"></script>
		<link href="css/project.css" rel="stylesheet">
		<link href="css/project_color_yellow.css" rel="stylesheet">
	</head>  
	<body>  
		<div class="container top-buffer">
			<div class="panel panel-default" id='p'>
				<div class="panel-body">
					<form role="form" class="form-horizontal" id="search">
						<div class = "row" >
							<label for="track" class="col-xs-1" id='l1'>Track</label>
							<div class="col-xs-4">
								<select name="track" id="track" class="form-control">
									<option value="1" id='o1'>Open Source Applications Developer</option>
									<option value="4" id='o2'>Telecom Applications Developer</option>
								</select>
							</div>
					
							<label for="track" class="col-xs-1" id='l2'>Intake</label>
							<div class="col-xs-2">
								<select name="intake" id="intake" class="form-control">
									<option value="33"  >33</option>
									<option value="34"  >34</option>
								</select>
							</div>
								<img src="images/1.jpeg" alt="Graduate Image" id='img1' />
							<div class="col-xs-2">
								
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>

		<div id='div1'>
			<ul class="nav nav-tabs" id="myTab">
			  <li class="active"><a href="#Description" data-toggle="tab">Description</a></li>
			  <li><a href="#History" data-toggle="tab">History</a></li>
			  <li><a href="#Documentation" data-toggle="tab">Documentation</a></li>
			  <li><a href="#TeamMember" data-toggle="tab">TeamMember</a></li>
			</ul>

			<div class="tab-content" id='div12'>
			  <div class="tab-pane active" id="Description">
					<p id='p11'>
						There are many variations of passages of Lorem Ipsum available,
						but the majority have suffered alteration in some form, by injected humour, 
						or randomised words which don't look even slightly believable.
						If you are going to use a passage of Lorem Ipsum,
						you need to be sure there isn't anything embarrassing hidden in the middle of text.
					</p>
			  </div>
			  <div class="tab-pane" id="History">
				  <p id='p12'>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
						Donec eleifend gravida augue, sit amet vehicula ipsum interdum id.
						Vestibulum porta, felis ac adipiscing condimentum, nunc massa eleifend odio, vel rhoncus. 
					</p>
			  </div>
			  <div class="tab-pane" id="Documentation">
				  <div id='d16'>
					<a href='#' id='a16'><p id='p13'>project 1 /intake 31/ Adminstration / RedHat Admin.pdf</p></a>
					</div>
			  </div>
			  <div class="tab-pane" id="TeamMember">
				  <div id="d14">
				  <table class="table table-hover" id='t1'>
							<tbody>
								<tr id='tr1'> <td>Ahmed Ahmed</td></tr>
								<tr id='tr2'> <td>Ahmed Ahmed</td></tr>
								<tr id='tr3'> <td>Ahmed Ahmed</td></tr>
							</tbody>
						</table>
					</div>
			</div>
		</div>
		<script>
			$('#myTab a').click(function (e) {
				e.preventDefault()
				$(this).tab('show')
			})
		</script>
		<script src='js/redirect.js'></script>
	</body>  
</html>  
